<template>
    <view class="step9-box step-box">
        <UNavbar title="电话报备（施工前）"> </UNavbar>
        <view class="tips">
            <view>施工开始前请与维保段安全生产调度中心报备</view>
            <view
                >报备内容： 重庆西站上水、静态、灯具
                设备维修作业命令已下达，作业请求开始</view
            >
            <view>报备电话：028-86437888 / 028-86436888</view>
        </view>
        <view class="item">
            <view class="labal">是否电话报备</view>
            <up-radio-group
                placement="row"
                v-model="data.form.haveReport"
                @change="groupChange"
            >
                <up-radio label="是" :name="true"> </up-radio>
                <up-radio label="否" :name="false"> </up-radio>
            </up-radio-group>
        </view>

        <TabStep @leftClick="onLeftClick" @rightClick="onRightClick"></TabStep>
    </view>
</template>

<script setup>
import { ref, reactive } from 'vue';
import TabStep from './TabStep.vue';
import UNavbar from '@/components/YNavbar/index.vue';
const data = reactive({
    form: {
        haveReport: true,
    },
});
const onLeftClick = () => {
    uni.navigateTo({
        url: '/pages/home/forms/step9',
    });
};

const onRightClick = () => {
    uni.navigateTo({
        url: '/pages/home/forms/step11',
    });
};
</script>

<style lang="scss">
.step9-box {
    .item {
        padding: 0 10rpx;
        display: flex;
        align-items: center;

        .labal {
            margin-right: 20rpx;
        }
    }
}
</style>
